<template>
	<view class="enterprise">
		<!-- <noneVue class="none"/> -->
		<view class="enterprise-group">
			<!-- 轮播图 -->
			<view class="enterprise-swiper">
				<swiper class="swiper" circular :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval"
					:duration="duration">
					<swiper-item>
						<image
							src="https://shuidianbang.oss-cn-chengdu.aliyuncs.com/ceshi/2e8882a3-93cb-4ee6-8821-5a06a7c0c57c.jpg"
							alt="" srcset="" />
					</swiper-item>
					<swiper-item>
						<image
							src="https://shuidianbang.oss-cn-chengdu.aliyuncs.com/ceshi/3eebeb7c-e396-4131-b36c-37b4deba3640.jpg"
							alt="" srcset="" />
					</swiper-item>
					<swiper-item>
						<image
							src="https://shuidianbang.oss-cn-chengdu.aliyuncs.com/ceshi/5f902dfa-2b30-4230-94e4-f12c9499e96f.jpg"
							alt="" srcset="" />
					</swiper-item>
					<swiper-item>
						<image
							src="https://shuidianbang.oss-cn-chengdu.aliyuncs.com/ceshi/cc44a7ff-fa6f-4593-bcec-ebb679be0a8b.jpg"
							alt="" srcset="" />
					</swiper-item>
				</swiper>
				
				
			</view>
			<!-- 公司列表 -->
			<view class="enterprise-list">
				<view class="enterprise-list-item" @click="goToPage('/homePages/enterprise/detail')"
					v-for="(v, i) in enterpriseList" :key="'enterprise-' + i">
					<view class="img">
						<uni-image :src="v.img" class="image"/>
					</view>
					<view class="text">
						<view class="tit">
							{{v.tit}}
						</view>
						<view class="con">
							{{v.con}}
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import noneVue from '@/components/none.vue';
	
	import {
		publics
	} from '@/mixins/publics.js';
	
	export default {
		mixins: [publics],
		data() {
			return {
				indicatorDots: true,
				autoplay: true,
				interval: 4000,
				duration: 500,
				scrollPosition: 0,
				enterpriseList: [{
					img: 'https://shuidianbang.net/images/logo.png',
					tit: '重庆大学产业技术研究院',
					con: '重庆大学与重庆高新技术产业开发区管理委员会合作共建的具有独立法人资格的新型科研事…'
				},{
					img: 'https://shuidianbang.net/images/logo.png',
					tit: '重庆市计量质量检测研究院',
					con: '重庆市副厅局级社会公益二类非盈利性事业单位，是重庆市政府的三大科技平台之一，是…'
				}]
			}
		},
		components: {
			noneVue
		},
		onLoad() {

		},
		methods: {}
	}
</script>

<style lang="scss">
	.enterprise {
		height: calc(100vh - 156rpx);
		position: relative;

		.enterprise-group {
			width: 94.67%;
			margin: 34rpx auto 0;

			.enterprise-swiper {
				height: 250rpx;
				background: #D8D8D8;
				border: 2rpx solid #979797;
				border-radius: 16rpx;
				margin-bottom: 20rpx;
				overflow: hidden;
				
				image {
					width: 100%;
					height: 250rpx;
				}
			}

			.enterprise-list {
				&-item {
					padding: 24rpx;
					background-color: #fff;
					margin-bottom: 20rpx;
					display: flex;
					border-radius: 20rpx;
					height: 184rpx;
					background: #FFFFFF;
					border-radius: 20rpx;
					box-sizing: border-box;

					.img {
						width: 136rpx;
						height: 136rpx;
						border: 2rpx solid #EDEFFB;
						border-radius: 12rpx;
						margin-right: 20rpx;
						
						.image{
							width: 100%;
							height: 100%;
						}
					}
					
					.text{
						width: calc(100% - 136rpx);
					}

					.tit {
						height: 40rpx;
						font-family: PingFangSC-Semibold;
						font-weight: 600;
						font-size: 28rpx;
						color: #1E1F23;
					}

					.con {
						font-family: PingFangSC-Regular;
						font-weight: 400;
						font-size: 24rpx;
						color: #696969;
						line-height: 40rpx;

					}
				}
			}
		}
	}
</style>